<template>
  <div>
    <van-collapse v-model="activeNames">
      <van-collapse-item name="1">
        <template #title>
          <div><van-icon name="shop-o" class="mr10" />餐厅名称</div>
        </template>
        <span class="c-main-1">味巷食铺</span>
      </van-collapse-item>
      <van-collapse-item name="2">
        <template #title>
          <div><van-icon name="clock-o" class="mr10" />营业时间</div>
        </template>
        <span class="c-main-1">10:00-22:00</span>
      </van-collapse-item>
      <van-collapse-item name="3">
        <template #title>
          <div><van-icon name="smile-o" class="mr10" />特色服务</div>
        </template>
        <div class="c-main-1">
          <span class="block">1、「巷弄专属」每日隐藏菜</span>
          <span class="block mt5">巷子里的味道，总藏着不期而遇的惊喜。</span>
          <span class="block mt10">2、「街坊外带」暖心打包服务</span>
          <span class="block mt5">打包也带巷弄的温度：牛皮纸袋裹着热乎饭菜，手写便签上是‘趁热吃’的叮嘱，汤碗套着厚棉布套防烫 ——
            就像邻居阿姨帮你留的一口热饭，拎着走在巷子里，香气能飘出半条街。</span>
          <span class="block mt10">3、「老味回忆」食材故事卡</span>
          <span class="block mt5">每道菜都带着巷弄的记忆。</span>
          <span class="block mt10">4、「专业团队」专业米其林大厨</span>
          <span class="block mt5">专业米其林大厨，专业米其林菜单，专业米其林服务。</span>
        </div>
      </van-collapse-item>
      <van-collapse-item name="4">
        <template #title>
          <div><van-icon name="location-o" class="mr10" />地址</div>
        </template>
        <span class="c-main-1">广东省广州市番禺区南村镇板桥村</span>
      </van-collapse-item>
      <van-collapse-item name="5">
        <template #title>
          <div><van-icon name="phone-o" class="mr10" />联系电话</div>
        </template>
        <span class="c-main-1">13800000000</span>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const activeNames = ref(['1'])
</script>

<style lang="scss" scoped></style>